<template>
  <div class="footer">
    <div class="top">
      <router-link to="">关于我们</router-link>
      <router-link to="">帮助中心</router-link>
      <router-link to="">售后服务</router-link>
      <router-link to="">配送与验收</router-link>
      <router-link to="">商务合作</router-link>
      <router-link to="">搜索推荐</router-link>
      <router-link to="">友情链接</router-link>
    </div>
    <div class="bottom">
      CopyRight © 小兔鲜儿
    </div>
  </div>
</template>

<script lang="ts"
        setup>
</script>

<style lang="less"
       scoped>
.footer {
  color: #999999;
  padding: 30px 0 50px;

  .top {
    display: flex;
    justify-content: center;
    align-items: center;

    > a {
      color: #999999;
      padding: 0 10px;
      height: 14px;
      line-height: 14px;

      & ~ a {
        border-left: 1px solid #999999;
      }
    }
  }

  .bottom {
    margin-top: 20px;
    text-align: center;
  }
}
</style>